<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- device-width,initial-scale=1,minimum-scale=1,maximum-scale=1 -->
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 需要放在头部 -->
		<!-- <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script> -->
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css"
			media="(min-device-width:320px) and (max-device-width:720px)" />
		<link rel="stylesheet" type="text/css" href="css/home/max720.css" media="(min-device-width:720px)" />
		<!-- <link rel="stylesheet" type="text/css" href="css/min750.css" media="(min-device-width:751px)"/> -->
		<link rel="icon" type="text/css" href="img/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="./css/home/smart.css" />
		<link rel="stylesheet" type="text/css" href="css/home/television.css" />
		<link rel="stylesheet" type="text/css" href="css/home/ha.css" />
		<link rel="stylesheet" type="text/css" href="css/home/book.css" />
	</head>
	<body>
		<div class="total">
			<!-- 头部导航 -->
			<div class="headertop">
				<a class="topad" href="javascript:void(0);">
					<img src="img/top.png">
					<div></div>
				</a>
				<div class="searchbarnoe">
					<div class="searchbar">
						<img data-v-0677858e=""
							src="" />
						<a href="search.html">
							<div>
								<span></span>
								搜索商品名称
							</div>
						</a>
						<a href="user.html">
							<img src="./img/icon-user.23496a0116.png">
						</a>
					</div>
				</div>
				<!-- 导航 -->
				<div class="headermenu">
					<div class="headermenua">
						<a href="javascript:void(0)" class="headermenuaas" onclick="fun(1)">推荐</a>
						<a href="javascript:void(0)" onclick="fun(2)">智能</a>
						<a href="javascript:void(0)" onclick="fun(3)">电视</a>
						<a href="javascript:void(0)" onclick="fun(4)">家电</a>
						<a href="javascript:void(0)" onclick="fun(5)">笔记本</a>
					</div>
					<div class="headermenb">
						<p>全部</p>
						<div class="headermenc">
							<span onclick="fun(1)" class="headermencspan">推荐</span>
							<span onclick="fun(2)">智能</span>
							<span onclick="fun(3)">电视</span>
							<span onclick="fun(4)">家电</span>
							<span onclick="fun(5)">笔记本</span>
						</div>
					</div>
					<div class="down-arrow"></div>
				</div>
			</div>
			<!-- 蒙版 -->
			<div class="masking"></div>

			<!-- 推荐页面 -->
			<div class="slideshow">
				<div class="slideshow-tow">
					<!-- 图片显示块 -->
					<div class="slideshow-son">
						<div class="bran">
							<div>
								<img src="img/home/img1.jpg" />
								<img src="img/home/img2.jpg" />
								<img src="img/home/img3.jpg" />
								<img src="img/home/img4.jpg" />
							</div>
						</div>
						<!-- <img src="img/home/img1.jpg" style="transition: all 1s;"> -->
						<div class="swiper-pagination">
							<span name="button1" class="swiper-pagination-bullet back"></span>
							<span name="button2" class="swiper-pagination-bullet"></span>
							<span name="button3" class="swiper-pagination-bullet"></span>
							<span name="button4" class="swiper-pagination-bullet"></span>
						</div>
					</div>
				</div>
				<div class="component-top">
					<div class="component-top-main">
						<img src="img/home/mj.webp" lazy="loaded">
						<img src="img/home/xiaomizc.webp" lazy="loaded">
						<img src="img/home/xiaomi.webp" lazy="loaded">
						<a style="width:100%; height: 2.3rem; left: 4.32rem;">
							<img style="width: 100%; height: 2.3rem;" src="img/home/hx.webp" lazy="loaded">
							<!---->
						</a>
						<img src="img/home/sx.webp" lazy="loaded">
					</div>
					<div class="component-bottom-main">
						<img src="img/home/zn.webp" lazy="loaded">
						<a style="width:100%; height: 2.3rem; left: 1.44rem;">
							<img style="width:100%; height: 2.3rem;" src="img/home/rm.png" lazy="loaded">
							<!---->
						</a>
						<img src="img/home/rd.png" lazy="loaded">
						<img src="img/home/xyj.webp" lazy="loaded">
						<a style="width:100%; height: 2.3rem; left: 5.76rem;">
							<img style="width: 100%; height: 2.3rem;" src="img/home/mfk.png" lazy="loaded">
							<!---->
						</a>
					</div>
				</div>
				<div class="component-below-The-average">
					<!-- 商品详情 -->
					<a href="commodity-details.html" style="display: block; width: 49.5%; ;">
						<!-- width: 49.5%; -->
						<img style=" height: 6.31rem;" src="img/home/guangao1.webp" lazy="loaded">
					</a>
					<div>
						<img style="width: 100%; height:3.1rem;" src="img/home/guanggao2.webp" lazy="loaded">
						<img style="width: 100%; height:3.1rem;" src="img/home/guanggao3.webp" lazy="loaded">
					</div>
				</div>
				<div class="component-below-The-average-Two">
					<img style="width:100%; height:6.2rem" src="img/home/guanggao4.webp" lazy="loaded">
				</div>
				<div class="component-below-The-average-Three">
					<div class="component-img">
						<img style="height:4rem" src="img/home/shouji1.jpg" lazy="loaded" />
						<div class="component-tariff">
							<span>Xiaomi 11 Pro</span>
							<div class="brief">1/1.12''GN2｜骁龙888</div>
							<div class="price">￥4499<span>起</span><s>￥4999</s></div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img">
						<img style="height:4rem" src="img/home/shouji2.jpg" lazy="loaded" />
						<div class="component-tariff">
							<span>Xiaomi MIX FOLD折叠屏手机</span>
							<div class="brief">折叠大屏｜自研芯片</div>
							<div class="price">￥9999<span>起</span></div>
							<button>立即购买</button>
						</div>
					</div>
				</div>
				<div class="component-below-The-average-Three">
					<div class="component-img">
						<img style="height:4rem" src="img/home/shouji3.jpg" lazy="loaded" />
						<div class="component-tariff">
							<span>Note 9 5G</span>
							<div class="brief">天玑 800U处理器</div>
							<div class="price">￥1199<span>起</span><s>￥1299</s></div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img" style="position: relative;">
						<img style="height:4rem;" src="img/home/shouji4.jpg" lazy="loaded" />
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="img/home/djtp1.png" />
						<div class="component-tariff">
							<span>Xiaomi 10S</span>
							<div class="brief">骁龙870 | 对称式双扬立体声</div>
							<div class="price">￥2999<span>起</span><s>￥3299</s></div>
							<button>立即购买</button>
						</div>
					</div>
				</div>
				<div class="component-below-The-average-Three">
					<div class="component-img">
						<img style="height:4rem" src="img/home/shouji5.jpg" lazy="loaded" />
						<div class="component-tariff">
							<span>Note 9 Pro 5G</span>
							<div class="brief">一亿像素夜景相机</div>
							<div class="price">￥1399<span>起</span><s>￥1599</s></div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img" style="position: relative;">
						<img style="height:4rem" src="img/home/shouji6.jpg" lazy="loaded" />
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="img/home/djtp1.png" />
						<div class="component-tariff">
							<span>Xiaomi 11</span>
							<div class="brief">骁龙888 | 2K四曲面屏</div>
							<div class="price">￥3799<span>起</span></div>
							<button>立即购买</button>
						</div>
					</div>
				</div>
				<div class="component-below-The-average-Three" style="border-bottom: 1px solid rgba(0,0,0,.2);">
					<div class="component-img">
						<img style="height:4rem" src="img/home/shouji7.jpg" lazy="loaded" />
						<div class="component-tariff">
							<span>黑鲨4</span>
							<div class="brief">磁动力升降肩键</div>
							<div class="price">￥2499<span>起</span></div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img">
						<img style="height:4rem" src="img/home/shouji8.jpg" lazy="loaded" />
						<div class="component-tariff">
							<span>Readmi K40 Pro 系列</span>
							<div class="brief">骁龙888 | E4 旗舰直屏</div>
							<div class="price">￥2499<span>起</span><s>￥2799</s></div>
							<button>立即购买</button>
						</div>
					</div>
				</div>
				<div class="ti">更多小米手机产品 &gt;</div>
				<div class="component-below-The-average-Four">
					<img src="img/home/dianshi1.webp" lazy="loaded">
				</div>
				<div class="ti">更多小米电视产品 &gt;</div>
				<div class="component-below-The-average-Four">
					<div>
						<img src="img/home/bijiben1.webp" lazy="loaded">
					</div>
					<div class="notebook-five component-below-The-average-Three">
						<div class="component-img">
							<img style="height:4rem" src="img/home/bijiben2.jpg" lazy="loaded" />
							<div class="component-tariff">
								<span>小米笔记本Pro 15</span>
								<div class="brief">大师屏 轻薄大作 | 芯怀猛虎 炸裂性能</div>
								<div class="price">￥6399<span>起</span><s> ￥6499</s></div>
								<button>立即购买</button>
							</div>
						</div>
						<div class="component-img">
							<img style="height:4rem" src="img/home/bijiben3.jpg" lazy="loaded" />
							<div class="component-tariff">
								<span>小米笔记本Pro 14</span>
								<div class="brief">大师屏 轻薄大作 | 芯怀猛虎 炸裂性能</div>
								<div class="price">￥5499<span>起</span></div>
								<button>立即购买</button>
							</div>
						</div>
					</div>
				</div>
				<div class="ti">更多小米笔记本产品 &gt;</div>
				<div class="component-below-The-average-Four1">
					<img src="img/home/zhineng1.webp" lazy="loaded">
				</div>
				<div class="ti">更多米家家电产品 &gt;</div>
				<div class="component-below-The-average-Four">
					<img src="img/home/znhw1.webp" lazy="loaded" style="height:4.3rem;">
				</div>

				<div class="ti">更多米家智能产品 &gt;</div>

				<div class="component-below-The-average-Four1">
					<div class="notebook-five component-below-The-average-Three1">
						<div class="component-img1">
							<img src="img/home/xxbg1.webp" lazy="loaded" />
						</div>
						<div class="component-img1">
							<img src="img/home/znjt1.webp" lazy="loaded" />
						</div>
					</div>
					<div class="notebook-five component-below-The-average-Three1">
						<div class="component-img1">
							<img src="img/home/lxhb.webp" lazy="loaded" />
						</div>
						<div class="component-img1">
							<img src="img/home/yyfs1.webp" lazy="loaded" />
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Four1">
					<div class="notebook-five component-below-The-average-Three1">
						<div class="component-img1">
							<img src="img/home/xjbb1.webp" lazy="loaded" />
						</div>
						<div class="component-img1">
							<img src="img/home/sjmx.webp" lazy="loaded" />
						</div>
					</div>
				</div>
				<div class="component-below-The-average-Four">
					<img style="height: 4rem;" src="img/home/xmhx.webp" lazy="loaded">
				</div>
				<div style="height:1.5rem;"></div>
			</div>
			<!-- 智能区 -->
			<div class="slideshow" style="display: none;">
				<div class="slideshow-tow">
					<!-- 图片显示块 -->
					<div class="slideshow-son">
						<div class="bran1">
							<div>
								<img src="img/smart/rb1.jpg" style="width: 100%;" />
								<img src="img/smart/rb2.jpg" />
								<img src="img/smart/rb3.jpg" />
								<img src="img/smart/rb4.jpg" />
								<img src="img/smart/rb5.jpg" />
							</div>
						</div>
						<!-- <img src="img/home/img1.jpg" style="transition: all 1s;"> -->
						<div class="swiper-pagination">
							<span name="button11" class="swiper-pagination-bullet back"></span>
							<span name="button12" class="swiper-pagination-bullet"></span>
							<span name="button13" class="swiper-pagination-bullet"></span>
							<span name="button14" class="swiper-pagination-bullet"></span>
							<span name="button15" class="swiper-pagination-bullet"></span>
						</div>
					</div>
				</div>
				<div class="component-top">
					<div class="component-top-main">
						<img src="img/smart/tb1.jpg" lazy="loaded">
						<img src="img/smart/tb2.webp" lazy="loaded">
						<img src="img/smart/tb3.webp" lazy="loaded">
						<a style="width:20%; height: 2.3rem; left: 4.32rem;">
							<img style="width: 100%; height: 2.3rem;" src="img/smart/tb4.webp" lazy="loaded">
							<!---->
						</a>
						<img src="img/smart/tb5.webp" lazy="loaded">
					</div>
					<div class="component-bottom-main">
						<img src="img/smart/tb6.png" lazy="loaded">
						<a style="width: 20%; height: 2.3rem; left: 1.44rem;">
							<img style="width:100%; height: 2.3rem;" src="img/smart/tb10.png" lazy="loaded">
							<!---->
						</a>
						<img src="img/smart/tb7.png" lazy="loaded">
						<img src="img/smart/tb8.png" lazy="loaded">
						<a style="width:20%; height: 2.3rem; left: 5.76rem;">
							<img style="width: 100%; height: 2.3rem;" src="img/smart/tb9.png" lazy="loaded">
							<!---->
						</a>
					</div>
				</div>
				<div class="component-below-The-average-smart">
					<img src="img/smart/rmbk.webp" />
					<img src="img/smart/xpsd.jpg" />
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md1.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米路由器AX6000</span>
							<div class="brief-smart">WiFi6增强版，6000兆极速升级</div>
							<div class="price-smart">￥599</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="img/smart/yj1.png" />
						<img style="height:3.2rem" src="img/smart/md2.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>增压挂烫机</span>
							<div class="brief-smart">轻松深层除皱，熨出专业效果</div>
							<div class="price-smart">￥529</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="img/smart/yj3.png" />
						<img style="height:3.2rem" src="img/smart/md3.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米台式净饮机</span>
							<div class="brief-smart">即滤即热，乐享鲜活纯净水</div>
							<div class="price-smart">￥1499</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md4.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家随行便携榨汁杯</span>
							<div class="brief-smart">随时随地，果汁鲜榨鲜喝</div>
							<div class="price-smart">￥99</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md5.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>人体感应灯2</span>
							<div class="brief-smart">感应人体移动，新增光照亮暗判断</div>
							<div class="price-smart">￥59</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md6.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>Redmi 手表</span>
							<div class="brief-smart">35g超轻/1.4"大屏/多功能NFC/7天长续航</div>
							<div class="price-smart">￥299</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md7.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家纯净式智能加湿器</span>
							<div class="brief-smart">自然水蒸发，纯净无雾更健康</div>
							<div class="price-smart">￥299</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md8.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家智能多功能养生壶</span>
							<div class="brief-smart">智能食谱一键烹饪</div>
							<div class="price-smart">￥169</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="img/smart/yi3.png" />
						<img style="height:3.2rem" src="img/smart/md9.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米智能门锁 Pro</span>
							<div class="brief-smart">旗舰摄像头门锁，安全一步到位</div>
							<div class="price-smart">￥1599</div>
						</div>
					</div>
				</div>
				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/jd.webp" />
				</div>


				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj3.png" />
						<img style="height:3.2rem" src="img/smart/md10.jpg" lazy="loaded" />

						<div class="component-tariff-smart">
							<span>米家智能蒸烤箱</span>
							<div class="brief-smart">30L大容积， 蒸烤烘炸炖一机多用</div>
							<div class="price-smart">￥1499</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md11.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家龙头净水器</span>
							<div class="brief-smart">高效过滤有害物质</div>
							<div class="price-smart">￥149</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj4.png" />
						<img style="height:3.2rem" src="img/smart/md12.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家互联网洗碗机 8套嵌入式</span>
							<div class="brief-smart">洗烘一体，除菌率高达99.99%</div>
							<div class="price-smart">￥2299</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj6.png" />
						<img style="height:3.2rem" src="img/smart/md13.jpg" lazy="loaded" />

						<div class="component-tariff-smart">
							<span>米家智能IH电饭煲 4L</span>
							<div class="brief-smart">多才多艺的智能电饭煲</div>
							<div class="price-smart">￥499</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj5.png" />
						<img style="height:3.2rem" src="img/smart/md14.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米净水器H600G</span>
							<div class="brief-smart">纯净生活双出水，六级过滤健康直饮</div>
							<div class="price-smart">￥1699</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj1.png" />
						<img style="height:3.2rem" src="img/smart/md15.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家智能微烤一体机</span>
							<div class="brief-smart">能烧烤的微波炉</div>
							<div class="price-smart">￥549</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md16.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>空气净化器2S</span>
							<div class="brief-smart">好空气看得见</div>
							<div class="price-smart">￥599<s>￥699</s></div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md17.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家扫拖机1C</span>
							<div class="brief-smart">能扫能拖，地面清洁交给我</div>
							<div class="price-smart">￥1199</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md18.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>空气净化器3</span>
							<div class="brief-smart">400 m³/h颗粒物CADR 超强净化力</div>
							<div class="price-smart">￥799<s>￥899</s></div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/zncd.webp" />
				</div>


				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md19.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米手表Color&nbsp;运动版</span>
							<div class="brief-smart">好空气看得见</div>
							<div class="price-smart">￥599</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj7.png" />
						<img style="height:3.2rem" src="img/smart/md20.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米真无线蓝牙耳机Air 2 Pro</span>
							<div class="brief-smart">主动降噪/持久续航/无线充</div>
							<div class="price-smart">￥449<s>￥699</s></div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md21.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米手环5</span>
							<div class="brief-smart">11种运动模式 磁吸式充电</div>
							<div class="price-smart">￥169<s>￥189</s></div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/ejyx.webp" />
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj8.png" />
						<img style="height:3.2rem" src="img/smart/md22.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>触屏音箱Pro</span>
							<div class="brief-smart">大屏不插电，小爱随身伴</div>
							<div class="price-smart">￥599</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/md23.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米小爱音箱 Pro</span>
							<div class="brief-smart">语音遥控5000+品牌主流家电</div>
							<div class="price-smart">￥299</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj9.png" />
						<img style="height:3.2rem" src="img/smart/md24.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小爱触屏音箱</span>
							<div class="brief-smart">好听，更好看</div>
							<div class="price-smart">￥249</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/pzdj.webp" />
				</div>


				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/td1.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家台灯1S</span>
							<div class="brief-smart">A 级光学照度</div>
							<div class="price-smart">￥179</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/td2.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家台灯Lite</span>
							<div class="brief-smart">国标A级照度，三档舒适好光</div>
							<div class="price-smart">￥79</div>
						</div>
					</div>
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/dj1.png" />
						<img style="height:3.2rem" src="img/smart/td3.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家台灯Pro</span>
							<div class="brief-smart">全桌面立体光照</div>
							<div class="price-smart">￥349</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/dj2.png" />
						<img style="height:3.2rem" src="img/smart/td4.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家夜灯2 蓝牙版</span>
							<div class="brief-smart">智能灯与人体、光线传感器3合1</div>
							<div class="price-smart">￥59</div>
						</div>
					</div>
					<div class="component-img-smart" style="position:relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/dj3.png" />
						<img style="height:3.2rem" src="img/smart/td5.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家LED灯泡 蓝牙MESH版</span>
							<div class="brief-smart">同样价格，为何不用MESH智能灯泡</div>
							<div class="price-smart">￥29.9</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/td6.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>飞利浦智睿筒灯 6个装</span>
							<div class="brief-smart">亮度无级调节，随心变化</div>
							<div class="price-smart">￥354</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/shjj.webp" />
					<img src="img/smart/bjcx.webp" />
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart" style="position: relative;">
						<img style="width:1.5rem;height:1.5rem;position: absolute;right:0;top:35%;"
							src="./img/smart/yj4.png" />
						<img style="height:3.2rem" src="img/smart/cx1.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>平衡车</span>
							<div class="brief-smart">年轻人的玩具</div>
							<div class="price-smart">￥2199</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/cx2.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>平衡车改装套件</span>
							<div class="brief-smart">小朋友的大玩具，老顽童的小赛车</div>
							<div class="price-smart">￥2999</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/cx3.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>电动滑板车Pro</span>
							<div class="brief-smart">性能提升，动力更强劲</div>
							<div class="price-smart">￥3099</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/cx4.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>平衡车 Plus</span>
							<div class="brief-smart">一个形影不离的新伙伴</div>
							<div class="price-smart">￥3499</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/cx5.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>平衡车燃动版</span>
							<div class="brief-smart">燃动升级，随走随停</div>
							<div class="price-smart">￥2599</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/cx6.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>电动滑板车1S<span>
									<div class="brief-smart">型出格，行出色</div>
									<div class="price-smart">￥2199</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/ghqj.webp" />
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/qj1.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家声波电动牙刷T300</span>
							<div class="brief-smart">31000次/分钟震动，刷的干净</div>
							<div class="price-smart">￥99</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/qj2.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家电动剃须刀S300</span>
							<div class="brief-smart">青年“无须”新选择</div>
							<div class="price-smart">￥99</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/qj3.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>水离子吹风机<span>
									<div class="brief-smart">快速吹干，深度补水</div>
									<div class="price-smart">￥169<s>￥199</s></div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/qj4.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家声波电动牙刷T100 白色</span>
							<div class="brief-smart">专业高频震动，更清洁的刷牙方式</div>
							<div class="price-smart">￥39.9</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/qj5.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家声波洁面仪</span>
							<div class="brief-smart">双层轻柔清洁，敏感肌也适用</div>
							<div class="price-smart">￥99<s>￥129</s></div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/qj6.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家自动洗手机套装<span>
									<div class="brief-smart">伸手出泡，抑菌有效</div>
									<div class="price-smart">￥79</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/etzq.webp" />
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/et1.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米米家液晶小黑板</span>
							<div class="brief-smart">随想随画，记录灵感瞬间</div>
							<div class="price-smart">￥49起</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/et2.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>贝医生儿童声波电动牙刷（智能故事版)</span>
							<div class="brief-smart">会讲故事的电动牙刷</div>
							<div class="price-smart">￥199</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/et3.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>智能故事机<span>
									<div class="brief-smart">能说会道，好玩伴</div>
									<div class="price-smart">￥199</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-smart-jd">
					<img src="img/smart/pjhs.webp" />
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/pj1.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>彩色相纸</span>
							<div class="brief-smart">精彩打印不间断</div>
							<div class="price-smart">￥59起</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/pj2.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>7号电池</span>
							<div class="brief-smart">无汞无镉 环保电池</div>
							<div class="price-smart">￥59</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/pj3.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米无线充电宝 10000mAh 10W<span>
									<div class="brief-smart">能量满满，无线有线都能充</div>
									<div class="price-smart">￥59</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-smart">
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/pj4.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>净水器滤芯</span>
							<div class="brief-smart">吸附异味 异色 余氯</div>
							<div class="price-smart">￥69</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/pj5.jpg" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>米家魔方转换器</span>
							<div class="brief-smart">方寸之间，能量无限</div>
							<div class="price-smart">￥59</div>
						</div>
					</div>
					<div class="component-img-smart">
						<img style="height:3.2rem" src="img/smart/pj6.webp" lazy="loaded" />
						<div class="component-tariff-smart">
							<span>小米插线板<span>
									<div class="brief-smart">3个USB充电口，支持快充</div>
									<div class="price-smart">￥59</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Four">
					<img style="height: 4rem;" src="img/smart/dx.webp" lazy="loaded">
				</div>
				<div style="height:1.5rem;"></div>
			</div>

			<!-- 电视区 -->
			<div class="slideshow" style="display: none;background-color:rgb(255, 174, 153);">
				<div class="component-below-The-average-TV">
					<img src="img/television/mxbk.webp" />
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/ds1.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>全面屏电视 E55X</span>
							<div class="brief-TV">潮流全面屏设计，4k超高清画质</div>
							<div class="price-TV">￥2099</div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/ds2.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>小米全面屏电视 E65X</span>
							<div class="brief-TV">全面屏设计搭配高质量画质</div>
							<div class="price-TV">￥2899</div>
							<button>立即购买</button>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds3.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>全面屏E32C</span>
							<div class="brief-TV">全面屏设计，人工智能系统</div>
							<div class="price-TV">￥999</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds4.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>小米电视4A 70英寸</span>
							<div class="brief-TV">大屏更享受</div>
							<div class="price-TV">￥3299</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds5.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>小米电视4A 60英寸</span>
							<div class="brief-TV">人工智能语音系统,超高清画质</div>
							<div class="price-TV">￥2599</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds6.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>全面屏Pro43</span>
							<div class="brief-TV">全金属机身，2G+32G大存储，支持8K视频解码</div>
							<div class="price-TV">￥1799</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds7.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视A55</span>
							<div class="brief-TV">澎湃音效影院级体验</div>
							<div class="price-TV">￥1899</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds8.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>全面屏E43K</span>
							<div class="brief-TV">全面屏设计，海量内容</div>
							<div class="price-TV">￥1299</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-TV">
					<img src="img/television/mxxp.webp" />
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/ds9.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>Redmi MAX 98</span>
							<div class="brief-TV">客厅里的巨幕影院，大视野带来超震撼的沉浸感</div>
							<div class="price-TV">￥17999</div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img-TV" style="position:relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/dj1.png" />
						<img style="height:4.7rem" src="img/television/ds10.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>小米电视 大师 65英寸OLED</span>
							<div class="brief-TV">全新一代OLED，像素级控光，重塑感官震撼</div>
							<div class="price-TV">￥9499</div>
							<button>立即购买</button>
						</div>
					</div>
				</div>
				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds11.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视A50</span>
							<div class="brief-TV">4K 超高清,细腻还原真实影像</div>
							<div class="price-TV">￥1699</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds12.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视X50</span>
							<div class="brief-TV">超高清广色域，还原真实影像</div>
							<div class="price-TV">￥1999</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds13.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>小米电视大师 82英寸至尊纪念版</span>
							<div class="brief-TV">8K开启视界新纪元</div>
							<div class="price-TV">￥19999</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds14.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视A43</span>
							<div class="brief-TV">系统全新升级，懂内容，也懂你</div>
							<div class="price-TV">￥1099</div>
						</div>
					</div>
					<div class="component-img-TV-TWO" style="position:relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/dj2.png" />
						<img style="height:3.2rem" src="img/television/ds15.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视A65</span>
							<div class="brief-TV">4K超高清 细腻还原真实影像</div>
							<div class="price-TV">￥2699</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds16.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi A32</span>
							<div class="brief-TV">陪伴美好时光</div>
							<div class="price-TV">￥749</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-TV">
					<img src="img/television/qmpzq.webp" />
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/ds17.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>全面屏电视E32C</span>
							<div class="brief-TV">全面屏设计，人工智能系统，1G+4G大内存</div>
							<div class="price-TV">￥ 999</div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/ds18.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>全面屏电视E43K</span>
							<div class="brief-TV">全面屏设计，全高清分辨率，海量内容</div>
							<div class="price-TV">￥1299</div>
							<button>立即购买</button>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds19.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视X50</span>
							<div class="brief-TV">超高清广色域，还原真实影像</div>
							<div class="price-TV">￥1999</div>
						</div>
					</div>
					<div class="component-img-TV-TWO" style="position:relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/dj3.png" />
						<img style="height:3.2rem" src="img/television/ds20.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>Redmi电视X55</span>
							<div class="brief-TV">金属边框全面屏</div>
							<div class="price-TV">￥2599</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/ds21.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>全面屏Pro43</span>
							<div class="brief-TV">全金属机身，2G+32G大存储，支持8K视频解码</div>
							<div class="price-TV">￥1799</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-TV">
					<img src="img/television/th.webp" />
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/th1.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>小米电视4A 60英寸</span>
							<div class="brief-TV">人工智能语音系统,超高清画质,64位四核高性能处理器</div>
							<div class="price-TV">￥2599</div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/th2.webp" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>小米电视4S 75英寸</span>
							<div class="brief-TV">4K HDR，人工智能语音，金属机身</div>
							<div class="price-TV">￥3999</div>
							<button>立即购买</button>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/th3.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>全面屏Pro43</span>
							<div class="brief-TV">全金属机身，2G+32G大存储，支持8K视频解码</div>
							<div class="price-TV">￥1799</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/th4.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>全面屏Pro32英寸 E32S</span>
							<div class="brief-TV">金属边框全面屏</div>
							<div class="price-TV">￥2599</div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/th5.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>RedmiA32</span>
							<div class="brief-TV">陪伴美好时光</div>
							<div class="price-TV">￥749</div>
						</div>
					</div>
				</div>



				<div class="component-below-The-average-TV">
					<img src="img/television/gdhw.webp" />
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV">
						<img style="height:4.7rem" src="img/television/hw1.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>小米盒子4S</span>
							<div class="brief-TV">全新的影音体验,更流畅更逼真</div>
							<div class="price-TV">￥299</div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img-TV" style="position:relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/dj3.png" />
						<img style="height:4.7rem" src="img/television/hw2.jpg" lazy="loaded" />
						<div class="component-tariff-TV">
							<span>米家激光投影电视 1S 4K</span>
							<div class="brief-TV">更自然的色彩，更真实的还原</div>
							<div class="price-TV">￥9999 <s>￥14999</s></div>
							<button>立即购买</button>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/hw3.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>小米盒子4S Pro</span>
							<div class="brief-TV">8K视频解码</div>
							<div class="price-TV">￥399</div>
						</div>
					</div>
					<div class="component-img-TV-TWO" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/yj2.png" />
						<img style="height:3.2rem" src="img/television/hw4.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>米家投影仪 青春版2</span>
							<div class="brief-TV">实时自动对焦</div>
							<div class="price-TV">￥2599</div>
						</div>
					</div>
					<div class="component-img-TV-TWO" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/yj3.png" />
						<img style="height:3.2rem" src="img/television/hw5.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>米家投影仪2</span>
							<div class="brief-TV">漫反射成像,视觉感受更舒适</div>
							<div class="price-TV">￥3299</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/hw6.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>洗烘一体机1C</span>
							<div class="brief-TV">烘干除菌率达99.9%+</div>
							<div class="price-TV">￥1799 <s>￥2499</s></div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/hw7.webp" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>波轮洗衣机1A</span>
							<div class="brief-TV">一键操作，父母都爱用</div>
							<div class="price-TV">￥849 <s>￥899</s></div>
						</div>
					</div>
					<div class="component-img-TV-TWO" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/television/yj4.png" />
						<img style="height:3.2rem" src="img/television/hw8.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>米家互联网直驱洗烘一体机 10kg</span>
							<div class="brief-TV">微蒸空气洗</div>
							<div class="price-TV">￥2599 <s>￥3299</s></div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Three-TV">
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/bx1.jfif" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>冰箱540L</span>
							<div class="brief-TV">重磅新品福利特惠</div>
							<div class="price-TV">￥2899 <s>￥3699</s></div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/bx2.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>十字门冰箱 486L</span>
							<div class="brief-TV">风冷无霜，长久保鲜</div>
							<div class="price-TV">￥2899 <s>￥3499</s></div>
						</div>
					</div>
					<div class="component-img-TV-TWO">
						<img style="height:3.2rem" src="img/television/bx3.jpg" lazy="loaded" />
						<div class="component-tariff-TV-TWO">
							<span>三门冰箱215L</span>
							<div class="brief-TV">三温区高效保鲜</div>
							<div class="price-TV">￥1299 <s>￥1499</s></div>
						</div>
					</div>
				</div>


				<div style="height:1.6rem;"></div>
			</div>


			<!-- 家电区 -->
			<div class="slideshow" style="display: none;background-color:rgb(225, 65, 57);">
				<div class="component-below-The-average-HA">
					<img src="img/ha/nd.webp" />
					<img src="img/ha/rm.webp" />
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/bx1.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>十字门冰箱 486L</span>
							<div class="brief-HA">风冷无霜，长久保鲜</div>
							<div class="price-HA">￥2999<s> ￥3499</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/bx2.jfif" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>冰箱540L</span>
							<div class="brief-HA">重磅新品福利特惠</div>
							<div class="price-HA">￥2999<s> ￥3699</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/bx3.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>三门冰箱215L</span>
							<div class="brief-HA">三温区高校保鲜</div>
							<div class="price-HA">￥1299<s> ￥1499</s></div>
						</div>
					</div>
				</div>
				<div class="component-below-The-average-HA">
					<img src="img/ha/hx.webp" />
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xyj1.webp" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>滚轮洗衣机1A</span>
							<div class="brief-HA">一键操作，父母都爱用</div>
							<div class="price-HA">￥849<s> ￥899</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xyj2.webp" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>洗烘一体机1S</span>
							<div class="brief-HA">国标最高A+级洗净能力</div>
							<div class="price-HA">￥1899<s> ￥2499</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/ha/yj1.png" />
						<img style="height:3.2rem" src="img/ha/xyj3.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>洗烘一体机Pro</span>
							<div class="brief-HA">智能洗烘，省心省力</div>
							<div class="price-HA">￥2899<s> ￥3299</s></div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xyj4.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>滚筒洗衣机1C 10kg</span>
							<div class="brief-HA">10kg大容量，专业羽绒洗</div>
							<div class="price-HA">￥1499<s> ￥1699</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xyj5.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>滚筒洗衣机1S</span>
							<div class="brief-HA">超薄机身，除菌净衣</div>
							<div class="price-HA">￥1399<s> ￥1599</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xyj6.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>米家互联网迷你波轮洗衣机Pro 3kg</span>
							<div class="brief-HA">高温煮洗/99.9%除螨率</div>
							<div class="price-HA">￥899<s> ￥1599</s></div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-HA">
					<img src="img/ha/lx.webp" />
					<img src="img/ha/wx.webp" />
					<img src="img/ha/gd.webp">
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xf1.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>米家新风机</span>
							<div class="brief-HA">全效解决全屋空气问题</div>
							<div class="price-HA">￥2699<s> ￥3299</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xf2.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>新风机A1</span>
							<div class="brief-HA">抗霾除醛，换气富氧</div>
							<div class="price-HA">￥1999<s> ￥2299</s></div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/xf3.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>新风机C1</span>
							<div class="brief-HA">安装便捷 | 身材小巧</div>
							<div class="price-HA">￥1199<s> ￥1299</s></div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/ds1.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>小米电视4A 60英寸</span>
							<div class="brief-HA">人工智能语音系统,超高清画质</div>
							<div class="price-HA">￥2599</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/ds2.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>全面屏E43K</span>
							<div class="brief-HA">全面屏设计，海量内容</div>
							<div class="price-HA">￥1299</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/ds3.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>电视4C 32</span>
							<div class="brief-HA">高清液晶屏，人工智能系统</div>
							<div class="price-HA">￥849</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/dhb.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>米家电饭煲C1</span>
							<div class="brief-HA">快慢收放自如，小巧身材内有乾坤</div>
							<div class="price-HA">￥149 起</div>
						</div>
					</div>
					<div class="component-img-HA-TWO" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/ha/yj2.png" />
						<img style="height:3.2rem" src="img/ha/js1.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>小米净水器H600G</span>
							<div class="brief-HA">纯净生活双出水，六级过滤健康直饮</div>
							<div class="price-HA">￥1699</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/js2.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>小米净水器H400G</span>
							<div class="brief-HA">纤巧机身省空间，方便随心双出水</div>
							<div class="price-HA">￥1299</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/cb1.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>四位四控插线板</span>
							<div class="brief-HA">四位分控，随用随开</div>
							<div class="price-HA">￥89</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/cb2.webp" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>插线板 5孔位</span>
							<div class="brief-HA">多重安全保护</div>
							<div class="price-HA">￥39</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/cb3.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>米家插线板</span>
							<div class="brief-HA">安全的大功率快充插线板</div>
							<div class="price-HA">￥69</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-HA">
					<div class="component-img-HA-TWO" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:38%;"
							src="./img/ha/yj3.png" />
						<img style="height:3.2rem" src="img/ha/cs1.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>米家智能除菌加湿器 S</span>
							<div class="brief-HA">大雾量快加湿，健康杀菌</div>
							<div class="price-HA">￥299</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/cs2.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>智能加湿器</span>
							<div class="brief-HA">懂恒湿的它，给你健康滋养</div>
							<div class="price-HA">￥169</div>
						</div>
					</div>
					<div class="component-img-HA-TWO">
						<img style="height:3.2rem" src="img/ha/cs3.jpg" lazy="loaded" />
						<div class="component-tariff-HA-TWO">
							<span>米家智能除菌加湿器</span>
							<div class="brief-HA">UV灯杀菌功能/上注水设计</div>
							<div class="price-HA">￥249</div>
						</div>
					</div>
				</div>

				<div style="height:1.6rem;"></div>
			</div>

			<!-- 笔记本区 -->
			<div class="slideshow" style="display:none;background-color:rgb(72, 120, 166);">
				<div class="component-below-The-average-Book">
					<img src="img/book/zbtj.webp" />
				</div>

				<div class="component-below-The-average-Three-Book">
					<div class="component-img-Book-NOE">
						<img style="height:6rem;" src="img/book/bjb1.jpg" lazy="loaded" />
						<div class="component-tariff-Book-NOE">
							<div class="Book-price">
								<span>RedmiBook Air 13 </span>
								<span class="price">￥5199 起</span>
							</div>
							<div class="buy">
								<span>打开它，就像翻开了一本杂志</span>
								<button>立即购买</button>
							</div>
						</div>
					</div>
				</div>

				<div class="component-below-The-average-Three-Book">
					<div class="component-img-Book-NOE" style="position: relative;">
						<img style="width:1.3rem;height:1.3rem;position: absolute;right:0;bottom:26%;"
							src="./img/book/yj1.png" />
						<img style="height:6rem;" src="img/book/dn1.jpg" lazy="loaded" />
						<div class="component-tariff-Book-NOE">
							<div class="Book-price">
								<span>小米显示器 27英寸 165Hz版</span>
								<span class="price">￥2199</span>
							</div>
							<div class="buy">
								<span>超广色域震撼影音，超清高刷畅爽电竞</span>
								<button>立即购买</button>
							</div>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Book">
					<img src="img/book/nd.webp" />
				</div>



				<div class="component-below-The-average-Three-Book">
					<div class="component-img-Book-Three">
						<img style="height:4.7rem" src="img/book/bjb2.jpg" lazy="loaded" />
						<div class="component-tariff-Book">
							<span>RedmiBook 16</span>
							<div class="brief-Book">便携大屏，全“芯”超越</div>
							<div class="price-Book">￥5299<s> ￥5699</s></div>
							<button>立即购买</button>
						</div>
					</div>
					<div class="component-img-Book-Three">
						<img style="height:4.7rem" src="img/book/bjb3.jpg" lazy="loaded" />
						<div class="component-tariff-Book">
							<span>Pro 15.6" 2020款</span>
							<div class="brief-Book">从核心到视野，再次突破强大</div>
							<div class="price-Book">￥3589<s> ￥5999</s></div>
							<button>立即购买</button>
						</div>
					</div>
				</div>


				<div class="component-below-The-average-Book">
					<img src="img/book/jd.webp" />
					<img src="img/book/qt.webp" />
					<img src="img/book/rq.webp" />
				</div>
				<div class="Book-recommend">
					<img src="img/book/xsd.webp" />
					<img src="img/book/bgdr.webp" />
					<img src="img/book/yxk.webp" />
					<img src="img/book/swcx.webp" />
					<img src="img/book/cxy.webp" />
					<img src="img/book/sjs.webp" />
				</div>

				<div style="height: 1.6rem;"></div>
			</div>
			<!-- 锚点 -->
			<div class="fixed-br">
				<a id="top"><img src="img/top.451d650ecd.png"></a>
			</div>
		</div>


		<!-- 底部导航 -->
		<div class="bottom">
			<div class="bottom-sum-up">
				<a href="mi.html">
					<div class="bottom-home">
						<div class="bottom-home-baimg sy"></div>
						<span>首页</span>
					</div>
				</a>

				<a href="category.html">
					<div class="bottom-home">
						<div class="bottom-home-baimg fl"></div>
						<span>分类</span>
					</div>
				</a>
				<a href="mitchell.html">
					<div class="bottom-home">
						<div class="bottom-home-baimg mq"></div>
						<span>米圈</span>
					</div>
				</a>
				<a href="shopping-trolley.html">
					<div class="bottom-home">
						<div class="bottom-home-baimg gwc"></div>
						<span>购物车</span>
						<em class="bubble">1</em>
					</div>
				</a>
				<a href="user.html">
					<div class="bottom-home">
						<div class="bottom-home-baimg wd"></div>
						<span>我的</span>
					</div>
				</a>
			</div>
		</div>

		<script type="text/javascript">

		</script>
		<script src="js/recommend.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/navigation.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/smart.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//加载触发
			window.onload = function() {
				recommend();
				smart();
				var bubble = document.querySelector(".bubble");
				var obj = JSON.parse(localStorage.getItem("shoppingcart"));
				if (obj) {
					bubble.style.display = "block";
					bubble.innerText = obj.length;
				}
			}
		</script>
	</body>
</html>
